<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,
    initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
    <title>历史记录-预约中</title>
    <!-- 固定复制 -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/通用.css">
    <script src="js/animate.js"></script>
    <script src="js/通用.js"></script>
    <!-- 该界面的css文件 -->
    <link rel="stylesheet" href="css/历史记录-预约中.css">
</head>

<body>
    <!-- 上导航 -->
    <div class="heard_top  center_V">
        <!-- 左菜单栏 menubar -->
        <a href="javaScript:;" class="menubar center_VH"></a>
        <!-- 中间标题 centerT -->
        <a class="centerT center_VH" href="index.html">
            <span class="logo">
            </span>
            <h3 class="name">智能停车</h3>
        </a>
        <!-- 用户中心 -->
        <div class="user">
            <a href="../用户登录.html"></a>
        </div>
    </div>
    <!-- 侧边栏 -->
    <div class="nav_intheleft">
        <div class="nav_left">
            <div class="nav_left_in">
                <ul class="nav_list">
                    <a href="index.html" class="center_V">
                        <span class="sy"></span>
                        <p>首页</p>
                    </a>
                    <a href="../预停指南.html" class="center_V adv2">
                        <span></span>
                        <p>预停指南</p>
                    </a>
                    <a href="../预停车位.html" class="center_V video">
                        <span></span>
                        <p>预停车位</p>
                    </a>
                    <a href="../客服服务.html" class="center_V">
                        <span></span>
                        <p>客服服务</p>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 身体部分 -->
    <div class="body_part">
        <!-- 预约时间部分 -->
        <div class="time_part">
            <div class="box_top">
                <span class="box_top_name center_H" id="time">
                    离您预约的时间
                </span>
            </div>
            <div class="time_part_body">
                <span class="time_part_body_note">
                    您已超时，预约取消
                </span>
                <div class="thetime center_H">
                    <div class="thetime_day">
                        <div class="d">00</div>
                        <span class="center_VH">天</span>
                    </div>
                    <div class="thetime_hour">
                        <div class="h">00</div>
                        <span class="center_VH">时</span>
                    </div>
                    <div class="thetime_mon">
                        <div class="m">00</div>
                        <span class="center_VH">分</span>
                    </div>
                    <div class="thetime_s">
                        <div class="s ">00</div>
                        <span class="center_VH">秒</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 预约按钮 -->
        <div class="booking_button center_VH">
            <button class="button_cancenl">取消预约</button>
            <button class="button_change">修改预约</button>
        </div>
        <!-- 消费记录部分 -->
        <div class="expense_calendar">
            <!-- 头部 -->
            <div class="box_top_three">
                <h5>消费记录</h5>
                <a href="Javascript:;">查看更多</a>
            </div>
            <!-- 中间 -->
            <ul class="expense_calendar_list">
                <li>
                    <a class="expense_calendar_list_part" href="Javascript:;">
                        <i></i>
                        <span class="title">黑马超市停车场</span>
                        <span class="see"></span>
                    </a>
                </li>
                <li>
                    <a class="expense_calendar_list_part" href="Javascript:;">
                        <i></i>
                        <span class="title">森林公园停车场</span>
                        <span class="see"></span>
                    </a>
                </li>
                <li>
                    <a class="expense_calendar_list_part" href="Javascript:;">
                        <i></i>
                        <span class="title">龙岩公车站停车场</span>
                        <span class="see"></span>
                    </a>
                </li>
                <li>
                    <a class="expense_calendar_list_part" href="Javascript:;">
                        <i></i>
                        <span class="title">菜鸟停车场</span>
                        <span class="see"></span>
                    </a>
                </li>
                <li>
                    <a class="expense_calendar_list_part" href="Javascript:;">
                        <i></i>
                        <span class="title">东肖北路公共停车场</span>
                        <span class="see"></span>
                    </a>
                </li>
            </ul>
            <!-- footer -->
            <div class="near_parking_footer center_H">
                <button class="pro"></button>
                <div class="num">
                    <span class="now">1</span>
                    <i>/</i>
                    <span class="sum">2</span>
                </div>
                <button class="nex"></button>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="footer ">
        <span>©2021 版权所有</span>
        <br>
        <i class="footer_one ">移动端</i>

        <i>
                仅用于学习交流使用 <br> 版权归
                <a href="https://jzm.fkw.com/?_ta=2508 ">“点我”</a>
                所有
            </i>
        <i>严禁抄袭</i>
    </div>
    <!-- 底部导航 -->
    <div class="footer_nav ">
        <div class="footer_nav_list ">
            <a href="index.html " class="footer_nav_btn1 center_VH ">
                <i id="btn1_font "></i>
                <span>首页</span>
            </a>
            <a href="../预停指南.html " class="footer_nav_btn2 center_VH ">
                <i id="btn2_font "></i>
                <span>预停指南</span>
            </a>
            <a href="../客服服务.html " class="footer_nav_btn3 center_VH ">
                <i id="btn3_font "></i>
                <span>客服服务</span>
            </a>
        </div>
    </div>
</body>

</html>